<ng-container
  *ngIf="(cmsPage$ | async)?.template === 'ProductListPageTemplate'"
>
  <cx-product-list-page-layout
    [gridMode]="'list'"
    [categoryCode]="categoryCode"
    [brandCode]="brandCode"
  ></cx-product-list-page-layout>
</ng-container>

<ng-container
  *ngIf="(cmsPage$ | async)?.template === 'ProductGridPageTemplate'"
>
  <cx-product-list-page-layout
    [gridMode]="'grid'"
    [categoryCode]="categoryCode"
    [brandCode]="brandCode"
  ></cx-product-list-page-layout>
</ng-container>

<ng-container *ngIf="(cmsPage$ | async)?.template === 'CategoryPageTemplate'">
  <cx-category-page-layout
    [categoryCode]="categoryCode"
  ></cx-category-page-layout>
</ng-container>

<ng-container
  *ngIf="(cmsPage$ | async)?.template === 'SearchResultsListPageTemplate'"
>
  <cx-product-list-page-layout
    [gridMode]="'list'"
    [query]="query"
  ></cx-product-list-page-layout>
</ng-container>
